@charset "utf-8";

@import url(edit.css);

#column{width:580px;}
#blog{padding:15px 0 0 0;}
#sidebar{width: 200px;}

#blog .subtitle{height:26px;line-height:26px;padding:0 10px 0 10px;color:#a00;font-weight:bold;border-bottom:1px solid #eee;background:#f6f6f6;}
#blog .subtitle a{color:#666;font-size:12px;font-weight:normal;}
#blog .subnav{height:24px;line-height:20px;padding-left:20px;color:#ddd;background:#f3f3f3;}
#blog .subnav a{float:left;padding:0 10px;font-family:Tahoma;}
#blog .subnav strong{float:left;padding:0 5px;color:#fff;font-family:Tahoma;font-weight:normal;background:#c55;border-left:1px solid #333;border-right:1px solid #333;}
#blog .contind{height:30px;padding:10px 0 0 0;}
#blog .contind p{float:left;padding:0 20px 0 10px;}

#blog .flist{}
#blog .flist li{position:relative;height:auto!important;height:85px;min-height:85px;border-bottom:1px solid #ddd;}
#blog .flist .avatar{width:50px;height:50px;padding:2px;border:1px solid #ddd;background:#fff;position:absolute;top:8px;left:5px;}
#blog .flist .name{width:56px;position:absolute;top:69px;left:5px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#blog .flist .cont{padding:9px 0 0 70px;}
#blog .flist .tips{color:#999;position:absolute;top:27px;right:8px;}
#blog .flist .title{ height:18px; padding:0 8px 0 5px;font-weight:bold; vertical-align:middle;}
#blog .flist .time{padding:0 8px 2px 5px;color:#999;}
#blog .flist .contxt{padding:0 5px 5px 5px;line-height:18px;color:#666;white-space:normal;word-break:break-all;}
#blog .flist .sort{height:18px;line-height:18px;padding:0 4px;color:#fff;font-size:12px;font-weight:bold;font-family:'宋体'text-align:center;position:absolute;top:8px;left:0;border:1px solid #333;background:#666;}


.blogHot{margin-top:15px;}
.blogHot .subtitle{height:26px;line-height:26px;padding-left:10px;color:#a00;font-weight:bold;border-bottom:1px solid #e2e2e2;background:#f6f6f6;}
.blogHot ul{background:url(../images/analysishot_bg.gif) no-repeat 8px 6px;}
.blogHot li{height:26px;line-height:26px;padding-left:5px;border-bottom:1px solid #f3f3f3;}


#blogView{padding:0;}
#blogView .avatar{width:50px;height:50px;padding:2px;border:1px solid #ccc;background:#fff;position:absolute;top:2px;left:5px;}
#blogView .top{height:58px;padding:0 0 10px 10px;border-bottom:1px solid #ddd;position:relative;}
#blogView .upPage{position:absolute;top:35px;right:7px;padding-left:12px;}
#blogView .upPage a{text-decoration:underline;}
#blogView .avatar{width:50px;height:50px;padding:2px;border:1px solid #ccc;background:#fff;position:absolute;top:2px;left:5px;}
#blogView .subtitle{height:22px;padding:8px 0 0 60px;font-size:14px;font-weight:bold;}
#blogView .submenu{padding:3px 0 0 60px;color:#ddd;}
#blogView .submenu a{text-decoration:underline;}
#blogView .subnav{color:#333;padding-bottom:5px;padding-left:5px;border-bottom:1px solid #ddd;}
#blogView .info{color:#999;padding:3px 10px;line-height:20px;clear:both;border-bottom:1px solid #eee;background:#f6f6f6; font-size: 14px; font-weight: bold;}
#blogView .info .r{ margin-top: -22px;margin-right: 5px;font-weight:lighter;font-size: 13px;}
#blogView h3{float:left;color:#333;font-size:14px;font-weight:bold;}
#blogView .msg{color:#666;padding:4px 10px;border-bottom:1px solid #eee;background:#f9f9f9}
#blogView .msg a{margin-right:5px; text-decoration:underline;}
#blogView .conttxt{ line-height:1.5;padding:20px 20px;clear:both;font-size:14px;white-space:normal;word-break:break-all;}
#blogView .tips{color:#666;padding:6px 10px;border-bottom:1px solid #eee; margin-top: 5px; margin-bottom: 5px;}
#blogView .tips span.1{color: #999; margin-right: 5px;}
#blogView .tips span.2{color: #999; margin-left: 5px;}
#blogView .tips span.3{color: #2661DD; margin-left: 5px;}
#blogView .tips span.r{margin-top: -24px;}
#blogView .tips a{color:#a00;font-weight:bold;}
#blogView .ubbtable td{white-space:normal;}

.sideAvatar{margin-top:15px;}
.sideAvatar .subtitle{height:26px;line-height:26px;padding-left:10px;color:#a00;font-weight:bold;border-bottom:1px solid #e2e2e2;background:#f6f6f6;}
.sideAvatar li{width:56px;height:75px;float:left;margin:8px 0 0 8px;display:inline;overflow:hidden;}
.sideAvatar .avatar{width:50px;height:50px;float:left;padding:2px;border:1px solid #ccc;background:#fff;overflow:hidden;}
.sideAvatar .name{width:56px;float:left;padding-top:3px;overflow:hidden;}
.sideAvatar .name .online{width:7px;height:10px;float:left;background:url(../images/user_online.gif) no-repeat 0 3px;}
.sideAvatar .name .offline{width:7px;height:10px;float:left;background:url(../images/user_offline.gif) no-repeat 0 3px;}
.sideAvatar .name a{width:45px;float:left;padding-left:4px;text-align:center;overflow:hidden;font-family:Tahoma;}
.sideAvatar .name a:hover{text-decoration:underline;}
.sideAvatar .name img{float:left;vertical-align:middle;padding-top:3px;}
.sideAvatar .contxt{float:left;padding-top:10px;text-indent:10px;color:#888;}

